<ion-header [translucent]="true">
	<ion-toolbar>
		<ion-buttons slot="start">
			<ion-menu-button></ion-menu-button>
		</ion-buttons>
		<ion-title>连接</ion-title>
		<ion-buttons slot="end">
			<ion-button (click)="edit()" color="primary">
				<ion-icon slot="start" name="add-circle"></ion-icon>
				增加
			</ion-button>
		</ion-buttons>
	</ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
	<ion-header collapse="condense">
		<ion-toolbar>
			<ion-title size="large">连接</ion-title>
		</ion-toolbar>
	</ion-header>

	<ion-list>
		<ion-item *ngFor="let conn of conns" (click)="edit(conn)" button detail>
			<ion-icon name="layers" slot="start"></ion-icon>
			<ion-label>{{ conn.name }}</ion-label>
			<ion-note slot="end">{{ conn.address }}</ion-note>
		</ion-item>
	</ion-list>
</ion-content>
